/* 
    Document   : tableRender
    Created on : 01/09/2013, 03:26:41 PM
    Author     : jcamposd
    Description:
        Purpose of the stylesheet follows.
*/

@charset "UTF-8";
/* CSS Document */
.tabla{
	width:100%;
	}
td, th, .tabla{
	border-width:2px;
	border-color:#000000;
	border-style:solid;
	}
@media screen and (max-width:720px){
	table, thead, tr, th, tbody, td{
		display:block;
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	td:before { 
		position: absolute;
	
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	td:nth-of-type(1):before { content: "Nombre"; }
	td:nth-of-type(2):before { content: "Edad"; }
	td:nth-of-type(3):before { content: "Sexo"; }
	td:nth-of-type(4):before { content: "Ciudad"; }
	}
